<i-form :model="this.data" class='app-form info-form-mode' ref='form'  id='hr_employee_if_master' style="" @on-validate="formItemValidate.apply(_self, arguments)">
    <input style="display:none;" />
    <row >
            <i-col class="form-layout-container" v-show="detailsModel.grouppanel8.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel8" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel8.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel8')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel8" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.name.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='name' :itemRules="this.rules().name" class='' :caption="$t('entities.hr_employee.if_master_form.details.name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.name.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='name' :value="data.name" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.job_title.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='job_title' :itemRules="this.rules().job_title" class='' :caption="$t('entities.hr_employee.if_master_form.details.job_title')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.job_title.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='job_title' :value="data.job_title" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel10.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel10" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel10.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel10')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel10" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.mobile_phone.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='mobile_phone' :itemRules="this.rules().mobile_phone" class='' :caption="$t('entities.hr_employee.if_master_form.details.mobile_phone')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.mobile_phone.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='mobile_phone' :value="data.mobile_phone" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.work_phone.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='work_phone' :itemRules="this.rules().work_phone" class='' :caption="$t('entities.hr_employee.if_master_form.details.work_phone')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.work_phone.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='work_phone' :value="data.work_phone" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.work_email.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='work_email' :itemRules="this.rules().work_email" class='' :caption="$t('entities.hr_employee.if_master_form.details.work_email')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.work_email.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='work_email' :value="data.work_email" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.work_location.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='work_location' :itemRules="this.rules().work_location" class='' :caption="$t('entities.hr_employee.if_master_form.details.work_location')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.work_location.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='work_location' :value="data.work_location" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.company_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='company_id_text' :itemRules="this.rules().company_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.company_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.company_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='company_id_text' :value="data.company_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.department_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='department_id_text' :itemRules="this.rules().department_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.department_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.department_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='department_id_text' :value="data.department_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.job_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='job_id_text' :itemRules="this.rules().job_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.job_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.job_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='job_id_text' :value="data.job_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.parent_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='parent_id_text' :itemRules="this.rules().parent_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.parent_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.parent_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='parent_id_text' :value="data.parent_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel12.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel12" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel12.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel12')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel12" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.druipart1.visible" :style="{'height': '500px !important',}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    :isForbidLoad="this.data.srfuf === '0'"
    paramItem='hr_employee' 
    :parentdata='{"srfparentdefname":"EMPLOYEE_ID","srfparentdename":"HR_EMPLOYEE","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_HR_RESUME_LINE_HR_EMPLOYEE_EMPLOYEE_ID","SRFDER1NID":"DER1N_HR_RESUME_LINE_HR_EMPLOYEE_EMPLOYEE_ID"}'
    :parameters="[
        { pathName: 'hr_employees', parameterName: 'hr_employee' },
    ]"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{}'
    :localParam ='{}'
    parameterName='hr_employee'
    parentName="Hr_employee"  
    refviewtype='DEGRIDVIEW' 
    refreshitems='' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='hr-resume-line-line' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved.apply(_self, arguments)"
    style="height:500px;overflow: auto;">
</app-form-druipart>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel16.visible" :style="{'height': '300px !important',}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel16" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel16.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel16')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel16" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
            
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel13.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel13" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel13.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel13')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="2" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel13" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.grouppanel1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.address_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='address_id_text' :itemRules="this.rules().address_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.address_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.address_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='address_id_text' :value="data.address_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel2" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel2')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel2" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.expense_manager_id_text.visible" :style="{}"  :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='expense_manager_id_text' :itemRules="this.rules().expense_manager_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.expense_manager_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.expense_manager_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='expense_manager_id_text' :value="data.expense_manager_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.coach_id_text.visible" :style="{}"  :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='coach_id_text' :itemRules="this.rules().coach_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.coach_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.coach_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='coach_id_text' :value="data.coach_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel14.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel14" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel14.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel14')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel14" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.grouppanel3.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel3" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel3.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel3')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel3" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.address_home_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='address_home_id_text' :itemRules="this.rules().address_home_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.address_home_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.address_home_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='address_home_id_text' :value="data.address_home_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel5.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel5" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel5.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel5')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel5" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.emergency_contact.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='emergency_contact' :itemRules="this.rules().emergency_contact" class='' :caption="$t('entities.hr_employee.if_master_form.details.emergency_contact')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.emergency_contact.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='emergency_contact' :value="data.emergency_contact" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.emergency_phone.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='emergency_phone' :itemRules="this.rules().emergency_phone" class='' :caption="$t('entities.hr_employee.if_master_form.details.emergency_phone')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.emergency_phone.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='emergency_phone' :value="data.emergency_phone" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel4" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel4.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel4')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel4" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.marital.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='marital' :itemRules="this.rules().marital" class='' :caption="$t('entities.hr_employee.if_master_form.details.marital')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.marital.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='marital' :value="data.marital" dataType="SSCODELIST"     :precision="0"
tag='HR_EMPLOYEE__MARITAL' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.spouse_complete_name.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='spouse_complete_name' :itemRules="this.rules().spouse_complete_name" class='' :caption="$t('entities.hr_employee.if_master_form.details.spouse_complete_name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.spouse_complete_name.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='spouse_complete_name' :value="data.spouse_complete_name" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.spouse_birthdate.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='spouse_birthdate' :itemRules="this.rules().spouse_birthdate" class='' :caption="$t('entities.hr_employee.if_master_form.details.spouse_birthdate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.spouse_birthdate.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='spouse_birthdate' :value="data.spouse_birthdate" dataType="DATE" valueFormat="%1$tY-%1$tm-%1$td"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.children.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='children' :itemRules="this.rules().children" class='' :caption="$t('entities.hr_employee.if_master_form.details.children')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.children.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='children' :value="data.children" dataType="INT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel7.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel7" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel7.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel7')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel7" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.country_id_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='country_id_text' :itemRules="this.rules().country_id_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.country_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.country_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='country_id_text' :value="data.country_id_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.identification_id.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='identification_id' :itemRules="this.rules().identification_id" class='' :caption="$t('entities.hr_employee.if_master_form.details.identification_id')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.identification_id.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='identification_id' :value="data.identification_id" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.passport_id.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='passport_id' :itemRules="this.rules().passport_id" class='' :caption="$t('entities.hr_employee.if_master_form.details.passport_id')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.passport_id.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='passport_id' :value="data.passport_id" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.gender.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='gender' :itemRules="this.rules().gender" class='' :caption="$t('entities.hr_employee.if_master_form.details.gender')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.gender.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='gender' :value="data.gender" dataType="SSCODELIST"     :precision="0"
tag='HR_EMPLOYEE__GENDER' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.birthday.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='birthday' :itemRules="this.rules().birthday" class='' :caption="$t('entities.hr_employee.if_master_form.details.birthday')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.birthday.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='birthday' :value="data.birthday" dataType="DATE" valueFormat="%1$tY-%1$tm-%1$td"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.place_of_birth.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='place_of_birth' :itemRules="this.rules().place_of_birth" class='' :caption="$t('entities.hr_employee.if_master_form.details.place_of_birth')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.place_of_birth.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='place_of_birth' :value="data.place_of_birth" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.country_of_birth_text.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='country_of_birth_text' :itemRules="this.rules().country_of_birth_text" class='' :caption="$t('entities.hr_employee.if_master_form.details.country_of_birth_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.country_of_birth_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='country_of_birth_text' :value="data.country_of_birth_text" dataType="PICKUPTEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel6.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel6" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel6.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel6')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel6" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.certificate.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='certificate' :itemRules="this.rules().certificate" class='' :caption="$t('entities.hr_employee.if_master_form.details.certificate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.certificate.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='certificate' :value="data.certificate" dataType="SSCODELIST"     :precision="0"
tag='HR_EMPLOYEE__CERTIFICATE' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.study_field.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='study_field' :itemRules="this.rules().study_field" class='' :caption="$t('entities.hr_employee.if_master_form.details.study_field')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.study_field.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='study_field' :value="data.study_field" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.study_school.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='study_school' :itemRules="this.rules().study_school" class='' :caption="$t('entities.hr_employee.if_master_form.details.study_school')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.study_school.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='study_school' :value="data.study_school" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel9.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel9" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel9.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel9')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel9" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.permit_no.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='permit_no' :itemRules="this.rules().permit_no" class='' :caption="$t('entities.hr_employee.if_master_form.details.permit_no')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.permit_no.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='permit_no' :value="data.permit_no" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.visa_no.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='visa_no' :itemRules="this.rules().visa_no" class='' :caption="$t('entities.hr_employee.if_master_form.details.visa_no')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.visa_no.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='visa_no' :value="data.visa_no" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.visa_expire.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='visa_expire' :itemRules="this.rules().visa_expire" class='' :caption="$t('entities.hr_employee.if_master_form.details.visa_expire')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.visa_expire.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='visa_expire' :value="data.visa_expire" dataType="DATE" valueFormat="%1$tY-%1$tm-%1$td"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel15.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel15" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel15.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel15')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="2" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel15" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.grouppanel11.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel11" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel11.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_employee.if_master_form.details.grouppanel11')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel11" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.pin.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='pin' :itemRules="this.rules().pin" class='' :caption="$t('entities.hr_employee.if_master_form.details.pin')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.pin.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='pin' :value="data.pin" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.barcode.visible" :style="{}"  :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='barcode' :itemRules="this.rules().barcode" class='' :caption="$t('entities.hr_employee.if_master_form.details.barcode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.barcode.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='barcode' :value="data.barcode" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
